import React, { useState, useEffect } from 'react'
import zzsc from './zzsc'
import './index.css'


export default function ({list=[]}) {
    const [hasLoaded, setHasLoaded]= useState(false)
    
    useEffect(()=>{
        if(list.length){
            var _= list.map(v=>({
                ...v,
                src: v.img
            }))
            zzsc(_)
        }
    })
    return (
        <div className={'box'}>
            <div id="screen"></div>
            <div id="FPS"></div>
        </div>
    )
}